import React, { FC, useEffect } from 'react'
import {observer,inject} from 'mobx-react'
import Mytitle from '../../../../components/Mytitle'
import { Avatar, Table, Tag } from 'antd'
import { baseURL } from '../../../../api/request'
import { roleList } from '../../../../utils'
import { Tabs } from 'antd';
import Weiscore from './weiscore'
import Yiscore from './yiscore'
const { TabPane } = Tabs;
const  List:FC<any>=({
  user,
  score
})=> {
  const {studentList_filter,filterStudentList}=user 
  const {getScoreList,scoreList}=score
  useEffect(()=>{
    filterStudentList()
    getScoreList()
  },[])
  
  return (
    <div>
        <Mytitle text="成绩列表"></Mytitle>
        <div>
        <Tabs defaultActiveKey="1" >
          <TabPane tab="未加入成绩" key="1">
         <Weiscore
         studentList_filter={studentList_filter}
         getScoreList={getScoreList}
         ></Weiscore>
          </TabPane>
          <TabPane tab="已加入成绩" key="2">
          <Yiscore
          scoreList={scoreList}
          getScoreList={getScoreList}
          ></Yiscore>
          </TabPane>
  </Tabs>
        </div>
    </div>
  )
}
export default inject('user','score')(observer(List))
